import {Layout} from '../../src/Layout';
export default Layout;

import {Avatar} from '@react-spectrum/s2';
import docs from 'docs:@react-spectrum/s2';

export const tags = ['profile', 'user'];
export const description = 'A thumbnail representation of an entity, such as a user or an organization.';

# Avatar

<PageDescription>{docs.exports.Avatar.description}</PageDescription>

<VisualExample
  component={Avatar}
  docs={docs.exports.Avatar}
  props={['isOverBackground']}
  initialProps={{src: 'https://i.imgur.com/xIe7Wlb.png', alt: 'Avatar'}}
  importSource="@react-spectrum/s2"
  type="s2"
  wide />

## API

<PropTable component={docs.exports.Avatar} links={docs.links} />
